<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{include file="common@public/seo"/}
<link rel="stylesheet" href="__UCENTER__/white/css/base.css" />
<link rel="stylesheet" type="text/css" media="all" href="__UCENTER__/white/css/style.css">
<link rel="stylesheet" type="text/css" media="all" href="__UCENTER__/white/css/login.css">
<!--[if IE]>  
	<script src="__UCENTER__/white/js/iehack/htmlfive.js"></script>
<![endif]-->
</head>
<body class="login_page">
	<!--header-->
	<header class="g-hd">
		<div class="con_wp">
			<h1 class="logo">
				<a class="clearfix" href="http://www.yicmf.co/profile.html" title="迅雷支付中心">
					<span class="logo1"></span><span class="logo2">迅雷支付中心</span>
				</a>
			</h1>
			<div id="head-info" class="nav"></div>
		</div>
	</header>
	<div class="login">
		<!--轮播背景图-->
		<div class="bgs">
			<div id="carousel-pic" class="bgs_wp A_Demo" style="background: #d0e3ea">
				<a><img src="__UCENTER__/white/images/img1.jpg" alt="轮播图片" /></a>
			</div>
			<!--轮播图小圆点-->
			<div id="carousel-point" class="u-dots ">
				<span class="on">&bull;</span><span>&bull;</span><span>&bull;</span>
			</div>
		</div>
		<div class="con_wp_login">
			<div id="xl_login" class="xls_login_wp png">
				<div id="xls_quick_login" class="xls_box">
					<div class="t_boxc">
						<!--登录-->
						<div id="login_box" class="tb_wpb">
							<div class="hd" id='login_tab_hd'>
								<h3>
									<a id="al_tab" href="javascript:void(0)" class="on" title="">帐号登录</a><a id="ml_tab" href="javascript:void(0)" class="" title="">短信登录</a>
								</h3>
							</div>
							<div class="hd" id='reg_tab_hd' style="display: none;">
								<h3>
									<a id="reg_tab_email" href="javascript:void(0)" class="on">邮箱注册</a><a id="reg_tab_mobile" href="javascript:void(0)" class="" >手机注册</a>
								</h3>
							</div>
							<div class="bd bd_bg">
								<!--普通登录-->
								<div class="input_area" id="account_login">
									<form action="" class="form_logoin" id='pt_form_login'>
									<input type="hidden" name="__token__" value="{$Request.token}" />
										<div class="in_box">
											<input type="text"  name="account" class="in_txt" id="al_u" placeholder="登陆账号">
										</div>
										<div class="in_box">
											<input type="password" name="password" class="in_txt" id="al_p" placeholder="登陆密码">
										</div>
										<div class="in_box in_boxa" style="display: none;"  id="al_c_div">
											<input type="text"  name="verify" class="in_txt" style="width: 90px;" id="al_c" placeholder="验证码">
											<div  title="验证码" class="verify_img" style="cursor: pointer;">
												<img id="al_c_img" src="{:captcha_src()}" onclick="javascript:this.src='{:captcha_src()}?t='+Math.random();" alt="点击刷新">
											</div>
										</div>
										<div class="in_box in_boxa" style="display: block;">
											<label id="al_remember_div" for="al_remember" class="cbox">
											<input type="checkbox" id="al_remember" name="auto_login" class="chk" checked="checked">10天自动登陆</label>
											<a href="#" title="忘记密码？" target="_blank" class="text_cite">忘记密码？</a>
										</div>
										<div class="pay_btn">
											<a id="al_submit" class="" title="登录" href="javascript:void(0)">登录</a>
										</div>
									</form>
								</div>
								<!--手机登录-->
								<div class="input_area" style="display: none;" id="mobile_login">
									<form action="" class="form_logoin" id="pl_form">
									<input type="hidden" name="__token__" value="{$Request.token}" />
										<div class="in_box pl_hide_for_sms_captcha">
											<input type="text  class="in_txt" name="mobile" id="ml_m" placeholder="常用手机号">
										</div>
										<div class="in_box in_boxa"  style="display: none;"  id="pl_c_div">
											<input type="text"  name="verify" class="in_txt" style="width: 90px;" id="al_c" placeholder="验证码">
											<a href="javascript:void(0)" title="" class="verify_img">
											<img id="pl_c_img"  style="cursor: pointer;" src="{:captcha_src()}" onclick="javascript:this.src='{:captcha_src()}?t='+Math.random();"></a>
										</div>
										<div class="in_box in_boxa pl_hide_for_sms_captcha" >
											<label id="ml_c_l" for="ml_c">短信验证码</label>
											<input type="text"  class="in_txt" id="ml_c">
											<a href="javascript:void(0)" title="获取验证码" class="verify_btn" id="ml_gc">获取验证码</a>
										</div>
										<div class="in_box in_boxa pl_hide_for_sms_captcha" style="display: block;">
											<label id="ml_remember_div" for="ml_remember" class="cbox">
											<input type="checkbox" id="ml_remember" name="" class="chk" checked="checked">10天自动登陆</label>
											<a href="{:\\think\\facade\\Url::build('ucenter/Foreign/forget')}" title="忘记密码？" target="_blank" class="text_cite">忘记密码？</a>
										</div>
										<div class="pay_btn pl_hide_for_sms_captcha">
											<a id="ml_submit" class="" title="登录" href="javascript:void(0)">登录</a>
										</div>
									</form>
								</div>
								
								<!--注册账号-->
								<div class="input_area" autocomplete='off' style="display: none;" id="account_email_register">
									<form action="" class="form_logoin" id='pt_form_register'>
									<input type="hidden" name="__token__" value="{$Request.token}" />
										<div class="in_box">
											<input type="text"  name="account" class="in_txt"  placeholder="用户名">
										</div>
										<div class="in_box">
											<input type="text"  name="email" class="in_txt" id="register_email"  placeholder="安全邮箱">
										</div>
										<div class="in_box">
											<input type="password" name="password" class="in_txt" placeholder="设置密码">
										</div>
										<div class="in_box">
											<input type="password" name="password_confirm" class="in_txt"  placeholder="确认密码">
										</div>
										<div class="in_box in_boxa" >
											<input type="text"  name="verify" class="in_txt" style="width: 90px;" id="email_verify_div" placeholder="验证码">
											<div  title="验证码" class="verify_img" style="cursor: pointer;">
												<img id="al_c_img" src="{:captcha_src()}" onclick="javascript:this.src='{:captcha_src()}?t='+Math.random();" alt="点击刷新">
											</div>
										</div>
										<div class="in_box in_boxa" style="display: block;">
											<a href="javascript:void(0)" class="text_cite">账号登陆</a>
										</div>
										<div class="pay_btn">
											<a id="register_submit" class="" title="注	册" href="javascript:void(0)">注	册</a>
										</div>
									</form>
								</div>
								<div class="input_area" autocomplete='off' style="display: none;" id="account_mobile_register">
									<form action="" class="form_logoin" id='pt_form_register_mobile'>
									<input type="hidden" name="__token__" value="{$Request.token}" />
										<div class="in_box">
											<input type="text"  name="account" class="in_txt"  placeholder="用户名">
										</div>
										<div class="in_box">
											<input type="text"  name="mobile" class="in_txt" id="register_mobile"  placeholder="手机号">
										</div>
										<div class="in_box">
											<input type="password" name="password" class="in_txt" placeholder="设置密码">
										</div>
										<div class="in_box">
											<input type="password" name="password_confirm" class="in_txt"  placeholder="确认密码">
										</div>
										<div class="in_box in_boxa" >
											<input type="text"  name="verify" class="in_txt" style="width: 90px;" id="mobile_verify_div" placeholder="验证码">
											<div  title="验证码" class="verify_img" style="cursor: pointer;">
												<img id="al_c_img" src="{:captcha_src()}" onclick="javascript:this.src='{:captcha_src()}?t='+Math.random();" alt="点击刷新">
											</div>
										</div>
										<div class="in_box in_boxa pr_hide_for_sms_captcha">
											<label id="pr_c_l" for="pr_c">请输入手机验证码</label>
											<input type="text" value="" class="in_txt" id="pr_c">
											<a href="javascript:void(0)" title="获取手机验证码" class="verify_btn" id="mobile_gc">获取</a>
										</div>
										<div class="in_box in_boxa" style="display: block;">
											<a href="javascript:void(0)" class="text_cite">账号登陆</a>
										</div>
										<div class="pay_btn">
											<a id="register_submit" class="" title="注	册" href="javascript:void(0)">注	册</a>
										</div>
									</form>
								</div>
								
								<p id="turnRegisterDiv" class="pay_b_logo"><a id="turnRegister" href="javascript:void(0)" title="" class="text_cite">注册帐号</a></p>
								<p id="turnLoginDiv" class="pay_b_logo" style="display: none" ><a id="turnLogin" href="javascript:void(0)" title="" class="text_cite">登陆帐号</a></p>
					
								<!--第三方帐号登录-->
								<div class="other_login_wp" id="tl_div">
									<span class="tit">联合登录</span>
									<div class="other_login" id="tl_icons">
										<a id="icon_qq" title="QQ" class="login_img" target="_blank" href="#">
										<img id="img_qq" alt="QQ" src="__UCENTER__/white/images/qq.png"></a>
										<a id="icon_weixin" title="微信" class="login_img" target="_blank" href="#">
										<img id="img_weixin" alt="微信" src="__UCENTER__/white/images/weixin.png"></a>
										<a id="icon_sina" title="新浪微博" class="login_img" target="_blank" href="#">
										<img id="img_sina" alt="新浪微博" src="__UCENTER__/white/images/sina.png"></a>
									</div>
								</div>
								<!--第三方帐号登录end-->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="pay_feats">
			<div class="con_wp">
				<ul class="clearfix">
					<li class="feats1">
						<h3><i>1</i>安全</h3>
						<p>会员保障 让您安心支付</p>
					</li>
					<li class="feats2">
						<h3><i>2</i>方便</h3>
						<p>发发短信 扫扫码<br>便捷支付体验</p>
					</li>
					<li class="feats3">
						<h3><i>3</i>快捷</h3>
						<p>一键支付 一步到位</p>
					</li>
				</ul>
			</div>
		</div>

		<!--footer-->
		<footer class="g-ft">
			<div class="con_wp">
				<p>Copyright &copy; 2016-{$Request.time|time_format='Y'} {Yicmf:config name='web_site_title'/} <em>Power by <a href="http://www.yicmf.com">{$Think.config.yicmf.name}</a></em></p>
			</div>
		</footer>
	</div>
</body>

<script src="__UCENTER__/white/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
var carousel_url = "{:\\think\\facade\\Url::build('ucenter/Foreign/carousel','',false,true)}";

{present name='register'}
$(document).ready(function(){ 
	registerModel();
	}); 
{/present}
	function login()
	{
		$.ajax({
			type: "POST",
			url: "{:\\think\\facade\\Url::build('ucenter/Foreign/login')}",
			data: $('#pt_form_login').serialize(),
			dataType: 'json',
			cache: false,
			success: function(data) {
				  if(0 == data.code){
					  	window.location.href= data.url;
					}else{
						layer.alert(data.message);
						$("#al_c_div").show();
					}
			}
		});
	}

	// 注册
	$("#register_submit").click(function(){
		$.ajax({
			type: 'POST',
			url: "{:\\think\\facade\\Url::build('ucenter/Foreign/register')}",
			data: $('#pt_form_register').serialize(),
			dataType: 'json',
			cache: false,
			success: function(data) {
						layer.alert(data.message);
			}
		});
	});
	// 邮箱获取验证码
	$("#mobile_gc").click(function(){
		
		$.ajax({
			type: 'POST',
			url: "{:\\think\\facade\\Url::build('ucenter/Foreign/mobile')}",
			data: {verify:$("#mobile_verify_div").val(),email:$("#register_mobile").val()},
			dataType: 'json',
			cache: false,
			success: function(data) {
				if(0 == data.code){
					layer.alert(data.message + 3);
				}else{
					layer.alert(data.message);
				}
			}
		});
	});
</script>
<script src="__UCENTER__/white/js/common.js"></script>
<script src="__COMMON__/layer/layer.js"></script>
</html>
